<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Google Summer of Code</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/global.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/typography.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/structure.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/forms.css" />
    
    <!-- 
    ////////////////////////
      BEGIN CUSTOM SCRIPTS
    ////////////////////////
    -->
    <!--
        jQuery 1.4.2
    -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    
    <!--
        Skinning form elements with Uniform
        http://pixelmatrixdesign.com/uniform
    -->
    <link rel="stylesheet" href="css/uniform.default.css" type="text/css" media="screen">
    <script src="js/jquery.uniform.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(function(){
        $("select, input:radio, input:file, input:checkbox").uniform();
      });
    </script>
    
    <!--
        Character counter
        http://wplayground.comuv.com/counter/
    -->
    <script src="js/jquery.counter-1.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(function(){
        $("#form-proposal-textfield-project-short").counter({
        goal: 300
        });
        $("#form-proposal-textfield-project-full").counter({
        goal: 3000
        });
      });
    </script>
    <!-- 
    ////////////////////////
      END CUSTOM SCRIPTS
    ////////////////////////
    -->
    
</head>
<body>

<!-- 
////////////////////////
  BEGIN DEFAULT HEADER
////////////////////////
-->
<div id="bg">
<div id="page-header">
    <div class="container_12">
        <div class="grid_12">
            <a href="homepage.html"><img src="images/google.png" height="40" width="114" alt="Google" /></a>
            <p><a href="homepage.html">Summer<br />of Code // 2011</a></p>
        </div>
    </div>
</div>
<!-- .page-header -->
<!-- 
////////////////////////
  END DEFAULT HEADER
////////////////////////
-->

<!-- 
////////////////////////
   BEGIN MAIN CONTENT
////////////////////////
-->
<div id="main">
    <div class="container_12">
    
        <!-- 
        ////////////////////////
            BEGIN SITE MENU
        ////////////////////////
        -->
        <div id="main-menu" class="grid_3">
            <ul id="main-menu-list">
                <li id="menu-login"><a href="javascript:void(0)">Login</a></li>
                <li id="menu-about"><a href="javascript:void(0)">About</a></li>
                <li id="menu-apply" class="parent"><a href="javascript:void(0)">Apply</a>
                    <ul id="submenu">
                        <li id="submenu-apply-student" class="active"><a href="javascript:void(0)">As a Student</a></li>
                        <li id="submenu-apply-org"><a href="javascript:void(0)">As an Organization</a></li>
                        <li id="submenu-apply-mentor"><a href="javascript:void(0)">As a Mentor</a></li>
                    </ul>
                </li>
                <li id="menu-projects"><a href="search.html">Current &amp; Past Projects</a></li>
                <li id="menu-events"><a href="javascript:void(0)">Events &amp; Timeline</a></li>
                <li id="menu-connect"><a href="javascript:void(0)">Connect With Us</a></li>
                <li id="menu-help"><a href="javascript:void(0)">Help</a></li>
            </ul>
        </div>
        <!-- .grid_3 -->
        <!-- 
        ////////////////////////
            END SITE MENU
        ////////////////////////
        -->
      
        <!-- 
        ////////////////////////
           BEGIN PAGE CONTENT
        ////////////////////////
        -->
        <div class="grid_9">
            <div class="content">
            
                <h1 id="main-page-title">Submit a Proposal for Google Summer of Code</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod volutpat tellus, vel 
                dapibus nibh sagittis nec. Vestibulum lectus arcu, aliquam ac elementum a, porttitor lacinia augue. 
                Cras eu ante nec ipsum ultricies consequat imperdiet vitae lacus. Sed nec neque eget mi scelerisque 
                aliquam. Curabitur porttitor tempor interdum.</p>
                
            	<form action="#" method="post" id="form" class="form-proposal">
            	
                	<fieldset id="form-fieldset-proposal">
                		<div id="form-row-project-title" class="row project-title error">
                			<label>Project Title</label> <span class="error-message">*Project needs a name!</span>
                			<input type="text" name="projecttitle" value="" class="text" />
                		</div>
                		<div id="form-row-project-desc-short" class="row project-desc-short">
                			<label>Short Description</label>
                			<input type="text" name="projectdescshort" value="" class="text" id="form-proposal-textfield-project-short" />
                		</div>
                		<div id="form-row-project-desc-full" class="row project-desc-full">
                			<label>Full Description</label>
                			<textarea name="projectdescfull" rows="10" cols="10" class="textarea" id="form-proposal-textfield-project-full"></textarea>
                		</div>
                		<div id="form-row-project-sponsor" class="row project-sponsor">
                			<label>Sponsoring Organization</label>
                			<input type="text" name="projectsponsor" value="" class="text" />
                		</div>
                		<div id="form-row-project-os" class="row project-os">
                			<label>Operating System</label>
                			<select>
                				<option selected="selected" disabled="disabled"></option>
                				<option>Windows</option>
                				<option>Mac OS X</option>
                				<option>Linux</option>
                				<option>N/A</option>
                			</select>
                			<span class="note">Primary OS your project will run on</span>
                		</div>
                		<div id="form-row-project-lang" class="row project-lang">
                			<label>Language</label>
                			<select>
                				<option selected="selected" disabled="disabled"></option>
                				<option>JavaScript</option>
                				<option>PHP</option>
                				<option>Perl</option>
                				<option>Python</option>
                			</select>
                		</div>
                		<div id="form-row-project-tags" class="row project-tags">
                			<label>Tags</label>
                			<input type="text" name="projecttags" value="" class="text" />
                			<span class="note">Describe your proposal with tags (comma separated)<br />Ex: Linux, Apache, C++, GUI</span>
                		</div>
                		<div id="form-row-project-resume" class="row project-resume">
                			<label>Upload your resume</label>
                			<input type="file" />
                			<span class="note">Upload any required documents</span>
                		</div>
                		<div id="form-row-project-public" class="row project-public">
                			<label><input name="projectpublic" value="Public" type="checkbox" /> Public</label>
                			<span class="note">Whether this proposed project will be publicly listed</span>
                		</div>
                	</fieldset>
                	
                	<div id="form-row-button-row" class="row button-row">
            		    <input type="submit" value="Submit" class="submit" />
            		    <input type="submit" value="Save and Close" class="save" />
                    </div>
            	</form>
    
            </div>
            <!-- .content -->
        </div>
        <!-- .grid_9 -->
        <!-- 
        ////////////////////////
           END PAGE CONTENT
        ////////////////////////
        -->
        
    </div>
    <!-- .container_12 -->
</div>
<!-- .main -->
<!-- 
////////////////////////
   END MAIN CONTENT
////////////////////////
-->

<!-- 
////////////////////////
  BEGIN DEFAULT FOOTER
////////////////////////
-->
<div id="footer">
    <div class="container_12">
            <div class="grid_3">&nbsp;</div>
            <!-- .grid_3 -->
            <div class="grid_9">
                <div class="footer-menu">
                    <ul id="footer-menu-list">
                        <li id="footer-menu-about"><a href="javascript:void(0)">About</a></li>
                        <li id="footer-menu-contact"><a href="javascript:void(0)">Contact</a></li>
                        <li id="footer-menu-facebook" class="social"><a href="javascript:void(0)" class="fb">Facebook</a></li>
                        <li id="footer-menu-twitter" class="social"><a href="javascript:void(0)" class="tw">Twitter</a></li>
                        <li id="footer-menu-blogger" class="social"><a href="javascript:void(0)" class="bl">Blogger</a></li>
                        <li id="footer-menu-email" class="social"><a href="javascript:void(0)" class="em">Email</a></li>
                        <li id="footer-menu-irc" class="social"><a href="javascript:void(0)" class="irc">IRC</a></li>
                        <li id="footer-menu-privacy" class="last"><a href="javascript:void(0)">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-meta">
                    <span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">Melange</a></span> Empowered by <a href="http://www.echoditto.com/" target="_blank"><img src="images/echoditto.png" height="16" width="70" alt="EchoDitto" /></a>
                </div>
            </div>
            <!-- .grid_9 -->
        </div>
        <!-- .container_12 -->
</div>
<!-- .footer -->
</div>
<!-- #bg -->
<!-- 
////////////////////////
  END DEFAULT FOOTER
////////////////////////
-->

</body>
</html>
